<template>
  <div class="public-views consociation">
    <div class="consociation-banner"></div>
    <div class="public-inner">
      <div class="consociation-wrap">
        <h3>
          <span>产品合作</span>
        </h3>
        <ul class="wrap-list clearFix">
          <li>
            <h1>Tina</h1>
            <img src="/public/images/head_portrait.jpg" alt="">
            <p>微信<span>13202004505</span></p>
            <p>手机<span>13202004505</span></p>
            <p>Q Q<span>3535438805</span></p>
            <p class="email">邮箱<span>litianfeng@miyugame.com</span></p>
          </li>
          <li>
            <h1>Jessica</h1>
            <img src="/public/images/head_portrait.jpg" alt="">
            <p>微信<span>18577283938</span></p>
            <p>手机<span>18577283938</span></p>
            <p>Q Q<span>3530083580</span></p>
            <p class="email">邮箱<span>linyan@miyugame.com</span></p>
          </li>
        </ul>
        <h3>
          <span>渠道联运合作</span>
        </h3>
        <ul class="wrap-list clearFix">
          <li>
            <h1>陈聪</h1>
            <img src="/public/images/head_portrait.jpg" alt="">
            <p>微信<span>18612443227</span></p>
            <p>手机<span>18612443227</span></p>
            <p>Q Q<span>3424975712</span></p>
          </li>
          <li>
            <h1>苏静</h1>
            <img src="/public/images/head_portrait.jpg" alt="">
            <p>Q Q<span>3149325260</span></p>
          </li>
          <li>
            <h1>蒋琨</h1>
            <img src="/public/images/head_portrait.jpg" alt="">
            <p>Q Q<span>3310937028</span></p>
          </li>
        </ul>
        <h3>
          <span>客服联系方式</span>
        </h3>
        <ul class="wrap-list clearFix">
          <li>
            <h1>土豆</h1>
            <img src="/public/images/head_portrait.jpg" alt="">
            <p>Q Q<span>2654130056</span></p>
          </li>
          <li>
            <h1>橘子</h1>
            <img src="/public/images/head_portrait.jpg" alt="">
            <p>Q Q<span>2992892422</span></p>
          </li>
          <li>
            <h1>牧</h1>
            <img src="/public/images/head_portrait.jpg" alt="">
            <p>Q Q<span>243901681</span></p>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  title() {
    return `米娱游戏_商务合作`
  }
}
</script>

<style lang="less" scoped>
.consociation {
  padding-top: 0;
  .consociation-banner {
    height: 300px;
    background: url('/public/images/consociation_banner.png') no-repeat;
    background-size: 100% 100%;
  }
  .consociation-wrap {
    padding: 11px 42px 100px;
    background: #fff;
    margin-bottom: 60px;
    h3 {
      line-height: 100px;
      overflow: hidden;
      span {
        position: relative;
        &:after {
          content: '';
          width: 1200px;
          height: 1px;
          background: #eee;
          position: absolute;
          left: 120%;
          top: 50%;
        }
      }
    }
    .wrap-list {
      padding: 0 77px 52px;
      li {
        width: 180px;
        float: left;
        margin-right: 210px;
        &:nth-child(3n) {
          margin-right: 0;
        }
        h1 {
          text-align: center;
          color: #ffa93a;
          font-size: 30px;
          line-height: 70px;
        }
        img {
          width: 180px;
          height: 180px;
          margin-bottom: 10px;
        }
        p {
          color: #666;
          font-size: 16px;
          line-height: 32px;
        }
        span {
          margin-left: 25px;
        }
        .email {
          margin-right: -150px;
        }
      }
    }
  }
}
</style>

